<template>
    <div class="in-box">
      <ul>
        <li v-for="(item,index) in data3" :key="index">
          <p>{{item.make_time}}</p>
          <div class="li-fot">
            <h2>{{item.title}}</h2>
            <p>{{item.content}}</p>
          </div>
        </li>
      </ul>
    </div>
</template>

<script>
  import * as common from "../../../api/common.js";
    export default {
      name: "Inform",
      data(){
        return {
          data3:[]
        }
      },
      beforeMount(){
        common.message().then(res=>{
          console.log(res);
          this.data3 = res.data;
        })
      }
    }
</script>

<style scoped>
 .in-box{
   background: #f2f2f2;
 }
 .in-box ul li{
   padding: 40px;
 }
 .in-box ul li>p{
   font-size: 26px;
   line-height: 40px;
   width: 300px;
   height: 40px;
   background: #dcdcdc;
   border-radius: 10px;
   margin: auto;
   text-align: center;
 }
 .in-box ul li .li-fot{
   background: #fff;
   border-radius: 15px;
   padding: 20px;
   margin-top: 40px;
 }
 .in-box ul li .li-fot h2{
   font-size: 28px;
   line-height: 40px;
 }
 .in-box ul li .li-fot p{
   font-size: 24px;
   line-height: 40px;
 }
</style>
